@charset "utf-8";
/* CSS Document */
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button, input, textarea,th, td, img,.header{
border:medium none;
margin: 0;
padding: 0;

}
table
    {
       border-collapse:collapse;
    }
    td
    {
       height:20px;
       border:1px solid #ccc;
    }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol { list-style: none; }
img{ border:0px;}
table { border-collapse: collapse; border-spacing: 0; }
.intro{ width:100%; text-align:center; line-height:33px; display:block;}
a{ color:#5b5b5b; cursor:pointer; text-decoration:none; transition: all 0.2s linear 0s;}
a:hvoer{ color:#b77e40;}
.formmcys{ float:left;}
/*******CSS reset*************/
table
    {
       border-collapse:collapse;
    }
    td
    {
       height:20px;
      
    }
body{background:url(../Image/body.jpg) top repeat-x #f0f0f0; font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.box{ width:1200px; margin:0 auto;}

.search input::-webkit-input-placeholder {color: #919191 !important; /* WebKit browsers */}
.search input:-moz-placeholder {color: #919191 !important; /* Mozilla Firefox 4 to 18 */}
.search input::-moz-placeholder {color: #919191 !important; /* Mozilla Firefox 19+ */}
.search input:-ms-input-placeholder {color: #919191 !important; /* Internet Explorer 10+ */}

/********************************/
.header{ width:1200px; margin:0 auto;}
.line{ height:37px; width:100%;}
.line span{ line-height:37px; color:#8f8f8f; font-size:14px; display:inline-block; float:left;}
.lineR{ width:220px; line-height:37px; float:right; color:#84a9e6;}
.lineR a{ color:#a1a1a1; line-height:37px; display:inline-block; margin:0 10px;}
.lineR a:hover{ color:#666666;}
.lineR a.message{ text-indent:20px;  background:url(../Image/topInter.jpg) left center no-repeat;}

.header h1{ background:url(../Image/logo.jpg) no-repeat; height: 56px;
    width: 828px; text-indent:-9999px; float:left; margin:25px 0 0 0;}
.tel{ background:url(../Image/tel.jpg) left center no-repeat; height:60px; padding:0 0 0 55px; float:right; margin:23px 0 0 0;}
.tel span{ font-size:14px; color:#505050; display:block; line-height:25px;}
.tel h3{ color:#383838; font-size:24px; display:block; font-weight:bold;}

.nav{ background:url(../Image/nav.jpg) top repeat-x; margin:20px 0 0 0; height:53px; width:100%; float:left; clear:both;}
.navCon{ width:1200px; margin:0 auto;}
.navCon li{ background:url(../Image/interval.jpg) right center no-repeat; float:left; height:53px; width:150px;}
.navCon li.last{ background:none;}
.navCon li a{ line-height:53px; display:block; text-align:center; font-size:14px; color:#fff;}
.navCon li a:hover{ background:#e21a2d;}

.banner{  height:507px; width:100%; float:left; clear:both;}

.fastLine{ height:60px; background:#fff; width:100%; border-bottom:1px solid #d2d2d2; float:left; clear:both;}
.fastLineCon{ width:1200px; margin:0 auto;}
.fastLink{ float:left;}
.fastLink span{ font-size:14px; display:inline-block; line-height:60px; font-weight:bold; margin:0 10px 0 0;}
.fastLink a{ color:#cbcbcb; display:inline-block; padding:0 15px; line-height:60px; font-weight:400;}
.fastLink a:hover{ color:#f20920;}

.input{ height:32px; width:210px; line-height:32px; float:left; color:#b7b7b7; font-size:14px; margin:0 0 0 20px;}
.but{ float:left; margin:5px 0 0 2px;}

.search{ height:32px; width:270px; float:right; margin:10px 0 0 0; border-radius:15px; border:1px solid #c9c9c9;}





.indexPro{ padding:50px 0; width:100%; float:left; clear:both;}
.sideBar{ width:260px; float:left;}
.sideTop{ background:url(../Image/proTop.png); height:80px; width:100%;}
.sideTop span{ color:#fff; font-size:20px; font-weight:400; display:block; text-indent:35px; padding:18px 0 0 0;}
.sideTop small{ color:#a7b6d9; font-size:12px; display:block; text-indent:35px; line-height:25px;}
.sideCon{ background:#ffffff; height:auto!important; overflow:hidden!important; min-height:600px; overflow:visible;  border:1px solid #c6c6c6;}
.sideCon li{ border-bottom:1px solid #d2d2d2; width:100%;}
.sideCon li a{ background:url(../Image/jia.jpg) 226px center no-repeat; line-height:100px; text-indent:20px; font-weight:bold; color:#616161; font-size:14px; display:block;}
.sideCon li a:hover{ background:url(../Image/jiaHover.jpg) 226px center no-repeat; color:#e21a2d;}

.sideCon a.more{ width:125px; height:30px; text-align:center; line-height:30px; border:1px solid #ff8a00; font-size:14px;}
.sideCon a.more:hover{ background:#ff8a00; color:#fff;}
.sideCon li:last-child{
	/* border-bottom: none; */
}
.i_pro{ width:910px; float:right;}
.i_biaoti{ height:55px; width:100%;}
.i_biaoti span{ height:55px; line-height:55px; font-weight:bold; color:#242424; display:block; font-size:32px; float:left;}
.i_biaoti small{ display:block; height:55px; font-size:16px; line-height:70px; float:left; margin:0 0 0 10px; color:#b3b3b3;}
.i_biaoti b{ color:#2e2e2e; font-size:14px; height:55px; line-height:70px; overflow:hidden; float:right;}
.i_biaoti em{ background:url(../Image/home.png) 0 26px no-repeat; height:55px; line-height:70px; color:#b3b3b3; display:block; float:right; padding:0 0 0 25px;}


.i_proCon{ padding:15px 0;}
.i_proCon li{ width:292px; height:300px; float:left; margin:10px 5px;}
.i_proCon li .pic{
	width:290px;
	height:230px;
	overflow: hidden;
}
.i_proCon li .pic img{
	width:100%;
	height: 100%;
	object-fit: contain;
}
.i_proCon li a{ width:290px; height:300x; display:block; font-size:16px; line-height:35px; padding:1px; background:#818181; color:#fff;}
.i_proCon li span{ text-indent:15px; background:url(../Image/proLi.png) 255px 15px no-repeat; display:block; line-height:50px;}
.i_proCon li a:hover{ background:#e21a2d; color:#fff;}

.i_about{ background:url(../Image/company.jpg) top center no-repeat; padding:80px 0; height:465px; width:100%; float:left; clear:both;}
.i_aboutCon{ width:1200px; margin:0 auto;}
.i_aboutNr{ width:820px; float:left;}
.i_aTitle{ background:#fff; height:50px; width:100%; margin:0 0 60px 0;}
.i_aTitle span{ background:#e21a2d; width:265px; display:block; float:left; padding:0 0 0 25px;}
.i_aTitle small{ color:#f2f2f2; font-size:20px; font-weight:bold; display:block; line-height:50px; float:left;}
.i_aTitle b{ font-size:14px; color:#f2f2f2; height:50px; line-height:60px;  font-weight:100; overflow:hidden; display:block;}
.i_aTitle a{ color:#2c2c2c; float:right; font-size:14px; margin:15px 10px 0 0; display:block;}

.i_aboutPic{ border:1px solid #716f6e; padding:10px; float:left;}
.i_aboutDetail{ width:410px; float:right;}
.i_aboutDetail h3{ color:#fff; display:block; font-size:24px; font-weight:bold;}
.i_aboutDetail p{ padding:20px 0; line-height:28px; color:#bbbbbb; font-size:14px;}

.i_aboutA { width:410px; float:right;}
.i_aboutA a{ height:45px; line-height:45px; text-align:center; width:135px; display:inline-block; margin:0 15px 0 0; font-size:16px; background:#0aa1e0; color:#fff;}
.i_aboutA a:hover{ background:#e21a2d;}


.i_contact{ width:360px; float:right; background:#f2f2f2; height:405px;}
.i_conTitle{ height:50px; width:100%; color:#fff;  background:#0aa1e0;}
.i_conTitle span{ font-size:20px; display:block; line-height:50px; float:left; padding:0 15px;}
.i_conTitle small{  font-size:14px; height:50px; line-height:60px; overflow:hidden; float:left; display:block;}
.i_conTitle a{color:#fff; display:block; float:right; font-size:14px; margin:15px 15px 0 0;}
.i_conTitle a:hover{ color:#f2f04e;}

.i_conDetail{ padding:10px 8px;}
.i_conDetail li{ height:45px; line-height:45px; border-bottom:1px dashed #bababa; width:100%; text-indent:35px; color:#262626; font-size:14px;}
.i_conDetail li.c_1{ background:url(../Image/l_1.png) 0 10px no-repeat;}
.i_conDetail li.c_2{ background:url(../Image/l_2.png) 0 10px no-repeat;}
.i_conDetail li.c_3{ background:url(../Image/l_3.png) 0 10px no-repeat;}
.i_conDetail li.c_4{ background:url(../Image/l_4.png) 0 10px no-repeat;}
.i_conDetail li a{color:#262626;}
.i_conDetail li a:hover{ color:#1752ad;}


.i_ys{ background:#fff; padding:50px 0; width:100%; height:auto!important; overflow:hidden!important; overflow:visible;}
.i_ysCon{ width:1200px; margin:0 auto;}
.i_ysTitle{ width:100%; font-weight:bold;}
.i_ysTitle span{ color:#0066b4; font-size:40px; display:block; text-align:center; border-bottom:1px solid #c3c3c3; height:100px; line-height:100px;}
.i_ysTitle small{     font-size: 26px;
    font-weight: 500;background:url(../Image/red.jpg) top center no-repeat; height:75px; line-height:75px; text-align:center; color:#383838; display:block;}

.i_ysDetail{ background:url(../Image/ys.jpg) no-repeat; width:100%; height:595px;}
.i_ysDetail li{ width:300px; height:595px; float:left;}
.i_ysNr{ width:260px; height:260px; color:#fff; padding:20px;}
.i_ysNr h3{ font-size:50px; display:block; text-align:right; line-height:60px; font-weight:100;}
.i_ysNr span{ font-size:20px; font-weight:bold; display:block; margin:15px 0 0 0; line-height:40px; line-height:30px;}
.i_ysNr p{ padding:10px 0; line-height:30px; color:#fff;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}




.i_news{ background:url(../Image/news.jpg) top center no-repeat; height:690px;}
.i_newsCon{ width:1200px; margin:0 auto;}
.i_newsTitle{ width:100%; text-align:center; padding:15px 0;}
.i_newsTitle small{ color:#303030; font-size:16px; display:block; line-height:40px;}
.i_newsTitle h4{ color:#1752ad; font-size:40px; display:block; font-weight:bold; padding:15px 0;}
.i_newsTitle span{ display:block; color:#898989; font-size:14px; line-height:30px;}
.i_newsModule{ width:580px; height:410px; background:#fff;}
.i_newsBiaoti{ height:50px; width:100%; background:#1752ad; color:#e8eaee;}
.i_newsBiaoti span{ font-size:20px; display:block; font-weight:bold; line-height:50px; float:left; padding:0 15px;}
.i_newsBiaoti small{  font-size:14px; height:50px; line-height:60px; overflow:hidden; float:left; display:block;}
.i_newsBiaoti a{color:#fff; display:block; float:right; font-size:14px; margin:15px 15px 0 0;}
.i_newsBiaoti a:hover{ color:#f2f04e;}





.i_newsDetail{ padding:15px 0; width:100%; height:95px;}
.i_newsDetail li{ width:98%; float:left; margin:0 15px 15px;}
.i_newsTime{ background:#1c60d1; margin:8px 0 0 0; height:42px; width:52px; float:left; font-size:12px; text-align:center; padding:10px 5px; color:#fff;}
.i_newsTime span{ border-bottom:1px solid #618fdf; display:block; font-size:30px; padding:0 0 5px 0;}

.i_newsNr{ width:84%; float:right; margin:0 15px 0 0;}
.i_nSpan{ color:#222222; width:100%; line-height:30px; font-size:16px;}
.i_newsNr p{ height:75px; width:100%; color:#848484; font-size:14px; line-height:20px;}
.i_nMore{ color:#848484; width:100%; margin:15px 0 0 0; font-size:12px;}

.i_newsDetail li a{ display:block; width:100%;}
.i_newsDetail li a:hover .i_nSpan{ color:#017cba;} 
.i_newsDetail li a:hover .i_nMore{ color:#017cba;} 

.middle{ width:100%; float:left; clear:both; padding:50px 0;}
.midLeft{ width:260px; float:left;}
.midRight{ width:910px; float:right;}
.s_lxwm{ width:100%; margin:20px 0 0 0; float:left; clear:both; background:#f5f5f5; border:1px solid #d2d2d2;}
.s_lxwm ul{ padding:15px; line-height:25px; font-size:16px; color:#8a8a8a; line-height:30px;}

.content{ padding:20px 0; width:100%; line-height:35px; font-size:18px; color:#8a8a8a;}

.zy_news h3.biaoti{ width:100%; display:block; color:#137e1d; font-size:20px; font-weight:bold; line-height:35px;}
.meta{ border-bottom:1px solid #ebecf1; height:45px; width:100%;}
.meta span{ display:block; float:left; height:45px; color:#999999; line-height:45px;}
.meta small{ display:block; float:right; margin:10px 0 0 0;}
.inside_page{ padding:30px 0; line-height:30px; color:#8a8a8a; font-size:14px; text-align: justify;}


.module{ padding:65px 0; width:100%; background:#fff; height:auto!important; overflow:hidden!important; overflow:visible;}
.moduleCon{ width:1200px; margin:0 auto;}
.moduleBiaoti{ height:50px; width:100%; color:#242424; margin:0 0 30px 0;}
.moduleBiaoti span{ font-size:20px; display:block; font-weight:bold; line-height:50px; float:left; padding:0 15px;}
.moduleBiaoti small{  font-size:14px; height:50px; line-height:60px; overflow:hidden; float:left; display:block;}
.moduleBiaoti a{color:#242424; display:block; float:right; font-size:14px; margin:15px 15px 0 0;}
.moduleBiaoti a:hover{ color:#1752ad;}

.i_case{ width:600px;}
.i_case li{ width:282px; float:left; margin:10px 5px;}
.i_case li .pic{
	width:280px;
	height: 180px;
}
.i_case li .pic img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.i_case li .title{
	line-height: 40px;
	color:#fff;
}
.i_case li a{ width:280px; padding:1px; display:block; height:220px;  background:#959595; line-height:25px; text-align:center; color:#fff;}
.i_case li a:hover{ background:#1752ad;}







#newsContent{ line-height:30px; font-size:16px;}
#newsContent img{
	max-width: 100%;
}
#newsContent strong{ margin:0 0 5px 0; display:inline-block;}
#infoImage{ width:100%; text-align:center; padding:20px 0;}
#infoImage img{
	max-width: 100%;
	margin:0 auto;
}
	#productTitle{ width:100%; line-height:50px; text-align:center; color:#4d87e9; font-size:26px; -webkit-padding-start:0px; text-indent:0px; border-bottom:1px dashed #ccc; padding:15px 0 10px 0;}
	.newsTime{ width:100%; display:block; font-size:12px; color:#0e77d1; text-align:center; line-height:30px; margin:10px 0 0 0; font-size:18px;}
	.xxsmys{
		margin: 30px 0 20px 0px;
		width: 100%;
		height: 40px;
		background: #f2f2f2;
		float: left;
		}
	.xxsmwz{
		display:inline-block;
		padding:0 40px;
		height:100%;
		border-right:1px solid #fff;
		background:#4d87e9;
		color:#fff;
		line-height:40px;
		font-family:Microsoft YaHei;
		font-size:14px;
		}
	.xxsmys a{ padding:0 15px; float:right; line-height:30px; background:#bb1f25; color:#fff; border-left:20px solid #fff;}
	.xxsmys a:hover{ background:#cb0010;}
	#prev_next{ width:100%; padding:30px 0;}
	#prev_next ul{ list-style:none;-webkit-padding-start:0px;}
	#prev_next li{ width:100%; min-height:30px;background:#f7f7f7; color:#414141; line-height:30px; margin:10px 0; text-indent:15px;}
	#prev_next li a{  background:#f2f2f2; color:#414141; line-height:30px;}
	#prev_next li a:hover{ color:#137e1d;}







/***************footer*************/
/***********************************************/
.end{ height:235px; width:100%; background:#1e1e1e; float:left; clear:both; padding:40px 0 0 0;}
.footer{ width:1200px; margin:0 auto;}
.footerNav{  float:left;}
.footerNav li{ background:url(../Image/footerLine.png) top right repeat-y; width:175px; float:left;}
.footerNav li a.biaoti{ font-size:14px; display:block; color:#cdcdcd; display:block; text-align:center; margin:0 0 15px 0;}
.footerNav li a{ font-size:12px; color:#505050; display:block; text-align:center; line-height:25px;}
.footerNav li.first{ width:120px;}
.footerNav li.first a.biaoti{ text-align:left;}
.footerNav li.first a{ text-align:left;}
.footerNav li a:hover{ color:#d6d6d6; }

.footerNav li.f_partner a{ text-align:left; text-indent:40px;}

.footerIntro{ width:100%; float:left; margin:20px 0 0 0; clear:both; color:#646464; font-size:14px;}
.footerIntro a{ float:right; margin:0 3px;}
.footerIntro a:hover{ color:#d6d6d6;}

.footerTel{ width:240px; float:right; color:#5c5c5c;}
.footerTel span{ color:#dfdfdf; display:block; font-size:16px; width:100%;}
.footerTel h3{ display:block; font-size:22px; color:#3096df; margin:6px 0;}
.footerLine{ border-top:1px solid #404040; width:100%; padding:20px 0 0 0; margin:20px 0 0 0;}
.footerLine a{ height:55px; width:55px; display:block; margin:0 10px 0 0; float:left;}
.footerLine a.weixin{ background:url(../Image/f_w.png) center center no-repeat #353535;}
.footerLine a.qq{ background:url(../Image/f_q.png) center center no-repeat #353535;}
.footerLine a.email{ background:url(../Image/f_e.png) center center no-repeat #353535;}

.footerLine a.weixin:hover{ background:url(../Image/f_w_h.png) center center no-repeat #353535;}
.footerLine a.qq:hover{ background:url(../Image/f_q_h.png) center center no-repeat #353535;}
.footerLine a.email:hover{ background:url(../Image/f_e_h.png) center center no-repeat #353535;}





/*幻灯片*/
#solid{
	width:100%;
	height:560px;
	clear:both;
	margin-top:10px;
	position:relative;
}
#solid .solid0,#solid .solid1,#solid .solid2{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:498px;
	display:none;
}

#solid ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}
#solid ul li{
	position:absolute;
	top:0px;
	width:1200px;
	height:560px;
	display:none;
	cursor:pointer;
}
#solid #btt{
	width:100%;
	height:55px;
	top:510px;
	left:50%;
	position:relative;
	margin-left:-53%;
}
#solid #btt span{
	position:absolute;
	top:15px;
	left:45%;
	display:block;
	width:30px;
	height:8px;
	margin:0 15px;	
	text-align:center;
	background:#137e1d;
	z-index:1000;
	cursor:pointer;
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	opacity:0.7;
}



#focus ul li .slideother p a{border:1px solid #fff; height:50px; width:150px; line-height:50px; text-align:center; color:#fff; position:absolute;top:130px; left:44%;}
#focus ul li .slideother p a:hover{color:#fff; background:#60534a; border:1px solid #60534a; text-decoration:none;}



#vivo-head .vivo-search{height:80px;width:100%;background:#202223;position:relative;z-index:9999;display:none;}

.vivo-search .search-box{width:700px;height:40px;position:absolute;top:20px;left:50%;margin-left:-350px;background:#666;-webkit-box-shadow:0 1px 2px rgb(0,0,0);-moz-box-shadow:0 1px 2px rgb(0,0,0);-ms-box-shadow:0 1px 2px rgb(0,0,0);box-shadow:0 1px 2px rgb(0,0,0);position:relative;z-index:9999;}
.vivo-search .search-box input{width:550px;height:20px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;}
.vivo-search .search-box button{width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#137e1d;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{background:#443a34;}
.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../Image/vivo-head-ico.gif) -86px 0 no-repeat;_background-image:url(../Image/vivo-head-ico.gif);}
.vivo-search .search-box a.close:hover{background-position:-86px -25px;}


.ss{ height:40px; line-height:40px; width:100%; background:#f3f3f3; margin:0 0 20px 0;}
.ss span{ background:#137e1d; height:40px; line-height:40px; text-align:center; padding:0 15px; font-size:14px; color:#fff; font-weight:100; margin:0 15px 0 0; display:inline-block;}


/**************************/
#page{padding:2px;margin:7px 0;font-family:"lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif;text-align:center; margin:60px 0; float:left; width:87%; line-height:25px; font-family:"Microsoft YaHei"; clear:both; color:#fff;}
#page a{ padding:8px 10px; margin:2px;color:#fff;background-color:#1f1d20;text-decoration:none;}
#page a:hover{ padding:8px 10px; margin:2px;color:#fff;background-color:#137e1d;}
#page a:active{padding:8px 10px; margin:2px;color:#fff;background-color:#137e1d;}
#page span.current{padding:8px 15px;margin:2px;color:#fff;background-color:#137e1d; font-weight:bold;}
#page span.disabled{display:none;}

#prev_next{ width:100%; border-top:1px solid #ebecf1; padding:25px 0; float:left; clear:both;}
#prev_next li{ height: 35px; line-height: 35px; width: 100%;}
#prev_next li a:hover{ color:#0087c7;}

.lxwmDetail{ width:480px; float:left; margin:15px 0 0 0; font-size:16px; line-height:30px;}

/****************************** Icon Sprite ******************************/

.index-news .list .mask a:after,
.news-maganize .popup .box a,
.about-globalization .label li i,
.about-history .desc .btn-switch a,
.about-history .dot li,
.about-history .desc li:after{background: none;background-image: url(../Image/icon.png);background-repeat: no-repeat;}

	.index-news{background: #fff;overflow: hidden;position: relative;}
.index-news .index-module-title{padding: 60px 0 30px;}
.index-news .list{position: relative;left: 50%;width: 3300px;height: 416px;margin-left: -1650px;overflow: hidden;}
.index-news .list .box{margin: 0 5px;padding: 50px 30px 60px 50px;overflow: hidden;box-sizing: border-box;border: 1px solid #ccc;border-radius: 10px;}
.index-news .list .mask{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px;}
.index-news .list .mask .item{position: absolute;top:1px;width: 410px;height:410px;}
.index-news .list .mask .item.left{left:0;margin-left:-18px;border-radius:0 10px 10px 0;}
.index-news .list .mask .item.right{right: 0;margin-right: 0px;border-radius: 10px 0 0 10px;}
.index-news .list .mask .item .opacity{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .1;filter: alpha(opacity=10);}
.index-news .list .mask .item a{position: absolute;top: 50%;width: 28px;height: 100px;margin-top: -50px;background: #333;border-radius: 5px;cursor: pointer;}
.index-news .list .mask .item a.prev{right: 12px;}
.index-news .list .mask .item a.next{left: 12px;}
.index-news .list .mask .item a:after{content: "";display: block;width: 12px;height: 22px;margin: 39px auto;}
.index-news .list .mask .item a.prev:after{background-position: -218px -64px;}
.index-news .list .mask .item a.next:after{background-position: -270px -64px;}

.index-news .list .text{float: left;width: 460px;margin-top: 67px;}
.index-news .list .text .date{margin-top: 50px;font-size: 24px;letter-spacing: 1px;}
.index-news .list .text h3{height: 25px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-news .list .text h3 a{line-height: 25px;font-size: 20px;color: #333;}
.index-news .list .text h3 a:hover{color: #d6000f;}
.index-news .list .text p{display: -webkit-box;height: 100px;line-height: 25px;margin-top: 18px;overflow: hidden;font-size: 14px;color: #888;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.index-news .list .text .btn-view-more{display: block;width: 100px;line-height: 28px;margin-top: 26px;box-sizing: border-box;background: none;border: 1px solid #333;border-radius: 14px;color: #333;text-align: center;text-transform: uppercase;}
.index-news .list [class*="active"] + div .text .btn-view-more{background: #d6000f;border-color: #d6000f;color: #fff;}
.index-news .list .thumb{float: right;width: 500px;height: 294px;overflow: hidden;border: 5px solid #f3f3f3;}
.index-news .list .thumb img{display: block;width: 100%;-webkit-transition: all 2s;transition: all 2s;}
.index-news .list .thumb:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.case{ padding:20px 0;}
.case li{ height:135px; width:100%;}
.casePic{ width:180px; float:left;}
.case li span{ width:550px; display:block; line-height:25px; font-weight:bold; color:#333333; font-size:14px; float:left; margin:10px 0 0 10px;}
.case li p{ height:90px; width:550px; float:left; margin:10px 0 0 10px; line-height:25px; color:#333333; display:block;}

/*jobs*/
ul.jobs li {
  border-bottom: 2px dotted #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  line-height: 30px;
  padding-left: 20px;
  position: relative;
}
ul.jobs li a {
  display: block;
  position: absolute;
  background-color: #4d87e9;
  color: #ffffff;
  padding: 1px 8px;
  top: 50px;
  left: 500px;
  width:auto;
}
ul.jobs li a:hover {
  border-radius: 8px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
ul.jobs li strong {
  color: #b50000;
}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#0752ad url(../Image/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0752ad url(../Image/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0752ad url(../Image/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0752ad url(../Image/fixCont.png) no-repeat 0 -169px;}
.hd_qr{display: block;margin:0 auto;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}